/********公共样式表*********/
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote { margin:0; padding:0}
*{-webkit-transition: background-color 0.3s  ;  transition: background-color 0.3s ;}
html { min-height:100%; border:none 0;  }
body { font:14px/1.5 Tahoma,"Hiragino Sans GB","Microsoft YaHei",arial,simsun,sans-serif; min-width: 1200px; overflow-x: hidden; }
ul,ol { list-style-type:none;}
button,submit,input,select,textarea {font:12px/1.5 Tahoma,"Microsoft YaHei",arial,simsun,sans-serif; outline:none;}
button,submit,select { vertical-align:middle;}
button,submit { cursor:pointer;}
textarea { resize:none; outline:none;}
button::-moz-focus-inner,
submit::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding:0; border:none;}
table { border-collapse:separate;border-spacing:0;}
th,td { text-align:left;}
address,cite,dfn,em,var{font-style:normal; }
img { border:none; vertical-align:middle; }
a { outline:none; color: inherit;}
a:link,a:visited { text-decoration:none; outline:none;}
a:hover,a:active { text-decoration:none; outline:none; }
iframe {vertical-align: top;}
.f-cb{  float: none;  clear: both; }
.f-fs_14{ font-size: 14px;}.f-fs_16{ font-size: 16px;}.f-fs_36{ font-size: 36px;}.f-fs_20{ font-size: 20px;}.f-fs_24{ font-size: 24px;}.f-fs_66{ font-size: 66px;}.f-fs_12{ font-size: 12px;}
.f-fr{float: right}.f-fl{float:left}
.f-tac{text-align: center}
.s-fc-red{color: #D40203;}.s-fc-90{color: #909090}.s-fc-CF{color: #CFCFCF}.s-fc-ff{color: #ffffff;}.s-fc-0c4{color: #0070C4;}
.u-text,.u-sub{border: none;height: 30px;}
.m-text{width: 1200px; background-color: #ffffff; padding: 40px 0; overflow: hidden;word-break: break-all;word-wrap: break-word; white-space:nowarp; line-height: 32px; color: #666666; font-size: 15px; margin: 0 auto;}

.m-text img{max-width: 100%;}
.m-mn{width: 1200px; height: auto;  margin: 0 auto;}
.container{width: 100%; background-color: #F6F6F6; overflow: hidden;}

header{height: 100px; line-height: 100px;}
header .logo{width: 347px; height: 100px;line-height: 100px; display: inline-block;}
header nav{height: 100px; line-height: 100px;}
header nav li{ float: left; background: url(../images/nav_bj.png) no-repeat 3px center; }
header nav li:first-child{background: none;}
header nav li a{display: block; padding: 0 25px; font-size: 16px; color: #333333; transition: color 0.3s ; -moz-transition: color 0.3s ;}
header nav li a:hover,header nav li a.on{ color: #000094;}


main .h-core{padding: 60px 0;  width: 1200px; margin: 0 auto; overflow: hidden; }
main .h-tt{text-align: center;}
main .h-tt .zt{ color: #1f1e9b; font-size: 32px; line-height: 30px;}
main .h-tt .ft{ color: #b4aeae; font-size: 14px; line-height: 45px; margin-bottom: 5px;}
main .h-core .mainPro1{width: 1200px; padding: 40px 0 30px;}
main .h-core .mainProList{ padding: 40px 0 30px; overflow: visible;}
main .h-core .mainProList li{float: left;width: 285px;text-align: center;height: 330px; margin: 0 7px;  z-index: 1;  -webkit-transition: all .3s linear;  transition: all .3s linear;  position: relative;  }
main .h-core .mainProList li a{display: block;}
main .h-core .mainProList li .more{ width: 24px; height: 24px; border-radius: 50%; background: #1f1e9b url(../images/plan_ico.png) no-repeat center; position: absolute; bottom: 25px; left: 130px; transition: background-color 0.3s;-moz-transition: background-color 0.3s ;  }
main .h-core .mainProList li .mainthumbImg{width: 100%;height: 230px; line-height: 230px; }
main .h-core .mainProList li .mainthumbImg img{width: 170px; height: 170px; border-radius: 50%;}
main .h-core .mainProList li p{padding: 0 22px;}
main .h-core .mainProList li .proName{color: #1f1e9b; font-size: 16px; margin-bottom: 20px;}
main .h-core .mainProList li .proIntro{ font-size: 14px;line-height: 28px;color: #666666; text-align: left;}
main .h-core .mainProList li:hover{box-shadow:-2px 4px 18px #f3f3f3,2px 0 18px #f3f3f3,0 -1px 18px #f3f3f3,0 3px 18px #dedede;  -webkit-transform: translate3d(0, -8px, 0);  transform: translate3d(0, -8px, 0);}
main .h-core .mainProList li:hover .more{background-color: #ff0000;}
main .h-core .mainProListTab{height: 40px; width: 100%; text-align: center;}
main .h-core .mainProListTab span{ margin: 0 5px; width: 36px; height: 36px; background: #e7e5e5 url(../images/h_plan_ico.png) no-repeat; display: inline-block; cursor: pointer; border-radius:50%;}
main .h-core .mainProListTab span:hover{background-color: #1f1e9b;}
main .h-core .mainProListTab  #Flinkrightarrow{ background-position: center 8px;}
main .h-core .mainProListTab  #Flinkleftarrow{ background-position: center -22px;}
.h-about{background: url(../images/about.jpg) no-repeat center; width: 100%; height: 560px;}
.h-about .about-text{width: 565px; float: right; padding-right: 10px; color: #ffffff; line-height: 28px;padding-top:20px;}
.h-about .about-text .tt{ font-size: 26px; height: 50px; line-height: 50px;}
.h-about .about-text .text{font-size: 14px;}
.h-about .h-about-text{
    width: 600px;
    /*height: 400px;*/
    text-align: justify;
    overflow: auto;
    position: relative;
    font-size: 14px;
    max-width: 99%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.h-news{padding: 60px 0;width: 1200px; margin: 0 auto; overflow: hidden;}
.h-news .news-text{ height: 425px; margin-top: 40px;}
.h-news .news-text .left,.h-news .news-text .right{ width: 600px; height: 425px; float: left; }
.h-news .news-text .left .g-img{position: relative;}
.h-news .news-text .left  .g-img .time{width: 86px; height: 102px;background:url(../images/h-news.png) no-repeat scroll center; position: absolute; top: 0; left: 0; text-align: center; color: #ffffff;}
.h-news .news-text .left  .g-img .time .d{font-size: 44px;}
.h-news .news-text .left  .g-img .time .y{font-size: 16px;}

.h-news .news-text .left .g-text{padding: 20px 25px 0;}
.h-news .news-text .left .g-text .tt{ color: #333333; font-size: 16px; margin-bottom: 10px; display: block;}
.h-news .news-text .left .g-text .tt span{width: 16px; height: 16px; border-radius: 50%; background:#1f1e9b url(../images/news-ico.png) no-repeat center; float: right;}
.h-news .news-text .left .g-text .tt:hover span{background-color: #ff0000;}
.h-news .news-text .left .g-text .text{color: #999999; line-height: 28px; height: 84px; overflow:hidden; }
.h-news .news-text .right .list{padding: 20px 0 0 30px;  }
.h-news .news-text .right .list .column{width: 55px; height: 60px; padding: 20px 13px 20px 17px; border: 1px solid #DCDCDC; display: inline-block; font-size: 14px; color: #b5b4b4;   transition: background 0.5s ease ; background: url(../images/m-bj.png) no-repeat; }
.h-news .news-text .right .list .column:hover{background:url(../images/h-news.png) no-repeat scroll center; color: #ffffff;}
.h-news .news-text .right .list .g-text{width: 465px; float: right;}
.h-news .news-text .right .list .g-text .tt{ color: #333333; font-size: 16px; margin-bottom: 5px; display: block;  white-space: nowrap;  overflow:hidden;  width:100%; text-overflow: ellipsis;}
.h-news .news-text .right .list .g-text .text{color: #999999; line-height: 26px; height: 78px; overflow: hidden;}
.h-link{padding: 60px 0 80px;width: 1200px; margin: 0 auto; overflow: hidden;  position: relative;}
.h-link .content{ width: 1100px; margin: 40px auto 0;}
.h-link .content .link{  height: 350px; margin: 0 auto; }
.h-link .content .link li{ width: 1100px; height: 350px; overflow: hidden; }
.h-link .content .link li a{overflow:hidden;width: 166px; height: 102px; line-height: 102px; text-align: center; margin: 10px 8px; float: left; background-color: #ffffff;}
.h-link .content .link li a img{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 1;
    max-width: 166px;
    max-height: 102px;
/*    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/ }
.h-link .content .link li a:hover img {-webkit-filter: grayscale(0);  -ms-filter: grayscale(0); -moz-filter: grayscale(0); filter: none; opacity: 1; transform: scale(1.1);}
.h-link  span{ width: 52px; height: 52px; background: #e7e5e5 url(../images/link_ico.png) no-repeat; display: block; position: absolute; cursor: pointer;border-radius:50%;}
.h-link  span:hover{background-color: #1f1e9b;}
.h-link  #linkRight{right: 0; top: 60%; background-position: center -37px;}
.h-link  #linkLeft{ left: 0;  top: 60%; background-position: center 15px;}

.h-link2{padding: 60px 0 80px;width: 1200px; margin: 0 auto; overflow: hidden;  position: relative;}
.h-link2 .content{ width: 1100px; margin: 40px auto 0;}
.h-link2 .content .link{  height: 350px; margin: 0 auto; }
.h-link2 .content .link li{ width: 1100px; height: 350px; overflow: hidden; }
.h-link2 .content .link li a{overflow:hidden;width: 255px; height: 155px; line-height: 155px; text-align: center; margin: 10px 10px; float: left; background-color: #ffffff;}
.h-link2 .content .link li a img{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 1;
    max-width: 166px;
    max-height: 155px;
/*    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/ }
.h-link2 .content .link li a:hover img {-webkit-filter: grayscale(0);  -ms-filter: grayscale(0); -moz-filter: grayscale(0); filter: none; opacity: 1; transform: scale(1.1);}
.h-link2  span{ width: 52px; height: 52px; background: #e7e5e5 url(../images/link_ico.png) no-repeat; display: block; position: absolute; cursor: pointer;border-radius:50%;}
.h-link2  span:hover{background-color: #1f1e9b;}
.h-link2  #linkRight3{right: 0; top: 60%; background-position: center -37px;}
.h-link2  #linkLeft3{ left: 0;  top: 60%; background-position: center 15px;}


/*产品中心*/
.goods{width: 100%; height: 760px; background: url(../images/goods_bj.jpg) no-repeat center; }
.goods .left{ /*background: url(../images/goods_left_bj.png) no-repeat;*/ width: 500px; height: 304px; position: relative;  }
.goods .left div{ width: 170px; height: 150px; line-height: 150px; position: absolute; background: url(../images/goods_bj.png) no-repeat; font-size: 18px; color: #ffffff; text-align: center; -webkit-transition: all 0.6s  ;  transition: all 0.6s ; }
.goods .left div img{display: none; -webkit-transition: all 0.6s  ;  transition: all 0.6s ;}
.goods .left div.side1{ left: 6px; top: 77px;}
.goods .left div.side2{ left: 7px; top: 231px}
.goods .left div.side3{ left: 143px; top: 154px;}
.goods .left div:hover,.goods .left div.on{background: url(../images/goods_bj1.png) no-repeat; line-height: normal; }
.goods .left div:hover img,.goods .left div.on img{margin:30px auto 10px; display: block;}
.goods .left div p{display: block; width: 100%; height: 100%; text-align: center; font-weight: bold;}
.goods .right{color: #ffffff; margin-left: 65px; width: 602px; }
.goods .right .tt{font-size: 24px; font-weight: bold; height: 25px; line-height: 23px;}
.goods .right ul{ margin-top: 20px; height: 430px; width: 200px; overflow: hidden; float: left;  }
.goods .right ul li{font-size: 14px;  margin-right: 40px; margin-bottom: 3px; max-width: 180px;}
.goods .right .ul_2 li{margin-right: 0;}
.goods .right ul li a{display: block; color: #ffffff;  width: 175px; height: 40px; line-height: 40px; border-radius: 5px; -webkit-transition: width 1s  ;  transition: width 1s ; text-indent: 20px; }
.goods .right ul li a:hover,.goods .right ul li a.on{background-color: #1f1e9b; text-align: center;  width: 185px;  text-indent: 0;}

.m-goods{background-color: #f6f6f6; padding:30px 0 60px;}
.m-goods .m-text{ width: 1140px; padding: 50px 20px;}
.m-goods .m-text .m-tt{ font-size: 18px; color: #0054ab; height: 50px;  text-align: center; background: url(../images/news_tt_bj.png) no-repeat center  bottom ;}
.m-goods .m-text .text{ font-size: 14px; color: #666666; margin-top: 20px; line-height: 28px; }
.m-goods .m-text .text ul{list-style-type: disc;}
.m-goods .g-list .table-tt{width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px; color: #ffffff; text-align: center; height: 50px; line-height: 50px; background-color: #0054ab;}
.m-goods .g-list .table-tt div{float: left;}
.m-goods .g-list .table-tt div:nth-child(1){ width: 25%; border-right: 1px solid #BFD1DD; }
.m-goods .g-list .table-tt div:nth-child(2){ width: 34.8%; border-right: 1px solid #BFD1DD; border-left: 1px solid #4392CB; }
.m-goods .g-list .table-tt div:nth-child(3){ width: 29.8%; border-right: 1px solid #BFD1DD; border-left: 1px solid #4392CB; }
.m-goods .g-list .table-tt div:nth-child(4){ width: 9%; /*border-right: 1px solid #4392CB;*/ border-left: 1px solid #4392CB; }
/*.m-goods .g-list .table-tt div:nth-child(4){ width: 288px;  border-left: 1px solid #BFD1DD; }*/
.m-goods .g-list .n-table{width: 100%; border:1px solid #E3E3E3;  border-collapse: collapse;}
.m-goods .g-list .n-table tr{border-bottom: 1px solid #E3E3E3;}
.m-goods .g-list .n-table thead{ background-color: #efecec; }
.m-goods .g-list .n-table thead tr td{ height: 59px; text-align: center; color: #333333; font-size: 16px;}
.m-goods .g-list .n-table tbody tr td{line-height: 28px; padding: 20px 20px; text-align: center;color:#262626;}
.m-goods .g-list .n-table tbody tr td a{color: #3a88bb;}
.m-goods .g-list .n-table tbody tr td a:hover{color: #0054ab;}

/*新闻模块*/
.news .cate{height: 60px;  line-height: 60px; text-align: center; font-size: 0; }
.news .cate a{color: #999999; font-size: 16px; display: inline-block; width: 167px; height: 60px; overflow: visible;  }
.news .cate a:hover,.news .cate a.on{ color: #ffffff; background: url(../images/news_tt.png) no-repeat; height: 72px;}
.news .m-list{ width: 1200px; margin: 0 auto 60px;}
.news .m-list ul{width: 1200px;  overflow: visible; padding-top: 30px;}
.news .m-list ul li{width: 545px; height: 177px; padding: 20px; float: left; background-color: #ffffff; margin-bottom: 30px; margin-right: 15px;  overflow: visible;}
.news .m-list ul li:hover{  box-shadow:-2px 4px 6px #ECECEC,2px 0 6px #ECECEC,0 -2px 6px #ECECEC,0 2px 6px #ECECEC;  }
.news .m-list ul li .n-img{width: 236px; height: 177px; overflow: hidden;}
.news .m-list ul li .n-img img{width: 236px; height: 177px;        transition: all 0.8s;  -moz-transform: all 0.8s; }
.news .m-list ul li .n-img img:hover{transform:scale(1.1); -moz-transform:scale(1.1);}
.news .m-list ul li .n-txt{margin-left: 17px;  width: 290px; height: 177px; overflow: hidden; color: #666666;}
.news .m-list ul li .n-txt .news-tt{ font-size: 16px; white-space: nowrap;  overflow:hidden;  width:100%; text-overflow: ellipsis;}
.news .m-list ul li .n-txt .text{ margin: 10px 0; font-size: 14px; line-height: 24px;  width:100%; height: 115px; }
.news .m-list  .m-text{ width: 1140px; padding: 50px 30px;}
.news .m-list  .m-text .m-tt{ font-size: 18px; color: #1f1e9b; height: 50px;  text-align: center; background: url(../images/news_tt_bj.png) no-repeat center  bottom ;}
.news .m-list  .m-text .text{ font-size: 14px; color: #666666; margin-top: 20px; }

.news .p-list{ width: 1200px; margin: 0 auto 60px;}
.news .p-list ul{width: 1200px;  overflow: visible; padding-top: 30px;}
.news .p-list ul li{width: 31%;margin: 15px 1%; box-sizing: border-box; padding: 20px; float: left; background-color: #ffffff; overflow: visible;}
.news .p-list ul li:hover{  box-shadow:-2px 4px 6px #ECECEC,2px 0 6px #ECECEC,0 -2px 6px #ECECEC,0 2px 6px #ECECEC;  }
.news .p-list ul li .n-img{width: 236px; height: 177px; overflow: hidden;margin:0 auto;}
.news .p-list ul li .n-img img{width: 236px; height: 177px; transition: all 0.8s;  -moz-transform: all 0.8s;}
.news .p-list ul li .n-img img:hover{transform:scale(1.1); -moz-transform:scale(1.1);}
.news .p-list ul li .n-txt{width: 100%;margin-top:15px;overflow: hidden; color: #666666;text-align: center;}
.news .p-list ul li .n-txt .news-tt{ font-size: 16px; white-space: nowrap;  overflow:hidden;  width:100%; text-overflow: ellipsis;}
.news .p-list ul li .n-txt .text{ margin: 10px 0; font-size: 14px; line-height: 24px;  width:100%; height: 115px; }
.news .p-list  .m-text{ width: 1140px; padding: 50px 30px;}
.news .p-list  .m-text .m-tt{ font-size: 18px; color: #1f1e9b; height: 50px;  text-align: center; background: url(../images/news_tt_bj.png) no-repeat center  bottom ;}
.news .p-list  .m-text .text{ font-size: 14px; color: #666666; margin-top: 20px; }

/*解决方案*/
.crumbs{ height: 50px; line-height: 50px; color: #999999;}
.crumbs img{margin-top: -4px;}
.crumbs img,.crumbs p{ display: inline;}
.crumbs p span{color: #1f1e9b;}
.plan .m-list{ width: 1200px; margin: 0 auto 60px;}
.plan .m-list ul{width: 1200px;  overflow: visible; padding-top: 30px;}
.plan .m-list .mainProList{ width: 1200px;  overflow: visible; padding-top: 30px;}
.plan .m-list .mainProList li{float: left;width: 245px;height: 410px; text-align: center; z-index: 1; margin-bottom: 20px; margin-right: 20px;   -webkit-transition: all .3s linear;  transition: all .3s linear;  position: relative; overflow: visible; padding: 30px 20px;  background-color: #ffffff; }
.plan .m-list .mainProList li a{display: block;}
.plan .m-list .mainProList li .more{ width: 24px; height: 24px; border-radius: 50%; background: #e7e5e5 url(../images/plan_ico.png) no-repeat center; position: absolute; bottom: 25px; left: 130px; transition: background-color 0.3s;-moz-transition: background-color 0.3s ;  }
.plan .m-list .mainProList li .mainthumbImg{width: 100%;height: 170px; line-height: 170px; }
.plan .m-list .mainProList li .mainthumbImg img{width: 170px; height: 170px; border-radius: 50%;}
.plan .m-list .mainProList li .proName{color: #1f1e9b; font-size: 16px; height: 80px; line-height: 90px; white-space: nowrap;  overflow:hidden;  width:100%; text-overflow: ellipsis;}
.plan .m-list .mainProList li .proIntro{ font-size: 14px;line-height: 28px;color: #666666; text-align: justify;}
.plan .m-list .mainProList li:hover{box-shadow:-2px 4px 18px #f3f3f3,2px 0 18px #f3f3f3,0 -1px 18px #f3f3f3,0 3px 18px #dedede;  -webkit-transform: translate3d(0, -8px, 0);  transform: translate3d(0, -8px, 0);}
.plan .m-list .mainProList li:hover .more{background-color: #ff0000;}
.plan .m-list .mainProListTab{height: 40px; width: 100%; text-align: center;}
.plan .m-list .mainProListTab span{ margin: 0 5px; width: 36px; height: 36px; background: #e7e5e5 url(../images/h_plan_ico.png) no-repeat; display: inline-block; cursor: pointer; }
.plan .m-list .mainProListTab span:hover{background-color: #1f1e9b;}
.plan .m-list  .m-text{ width: 1140px; padding: 50px 30px;}
.plan .m-list  .m-text .m-tt{ font-size: 18px; color: #1f1e9b; height: 50px;  text-align: center; background: url(../images/news_tt_bj.png) no-repeat center  bottom ;}
.plan .m-list  .m-text .text{ font-size: 14px; color: #333333; margin-top: 20px; line-height: 28px; }

/*联系我们*/
.contact{ background-color: #f6f6f6; padding-bottom: 60px; }
.allmap{overflow:hidden;height:100%;padding: 20px; width: 1160px;  position: relative;  font-size: 14px; background-color: #ffffff;  }
.allmap_1{height: 360px;width: 100%; }
.allmap_contact{ position: absolute; left: 0; top: 65px; margin-left: 20px; font-size: 16px; line-height: 32px;  width: 345px; /*height: 210px;*/ padding: 30px 0 30px 30px; background-color: #326fab; z-index: 10000; color: #ffffff;}
.allmap_contact .allmap_tt{ font-size: 20px; margin-bottom: 10px; line-height: 26px;}
.allmap_contact ul li{margin-bottom: 5px; padding-left: 29px; width: 295px;}
.allmap_contact ul li:nth-child(1){background: url(../images/contact_ico_add.png) no-repeat left 8px; }
.allmap_contact ul li:nth-child(2){background: url(../images/contact_ico1.png) no-repeat left -25px; }
.allmap_contact ul li:nth-child(3){background: url(../images/contact_ico1.png) no-repeat left -60px; }
.allmap_contact ul li:nth-child(4){background: url(../images/contact_ico1.png) no-repeat left -92px; }
.contact .content{width: 100%; height: 260px; padding: 20px 0; margin-top: 20px; background-color: #ffffff;}
.contact  .tt{ font-size: 20px; color: #666666; margin-bottom: 30px;}
.contact .left{ width: 490px; height: 260px; overflow: hidden; margin-left: 50px; border-right: 1px solid #dcdcdc;}
.contact .left .info li{float: left; font-size: 16px; color: #666666; line-height: 32px; width: 245px; margin-bottom: 15px;}
.contact .left .info li p span{color: #1f1e9b;}
.contact .left .info li.in p{text-indent: 1.5em;}
.contact .left .info li.in p:nth-child(1){background: url(../images/contact_ico.png) no-repeat left 9px;}
.contact .left .info li.in p:nth-child(2){background: url(../images/contact_ico.png) no-repeat left -21px;;}
.contact .left .info li.in p:nth-child(3){background: url(../images/contact_ico.png) no-repeat left -53px;;}
.contact .right{height: 260px;width: 575px;  overflow: hidden; margin-left: 65px;}
.contact .right  .c-code .code li{ float: left; text-align: center; width: 160px; height: 160px; margin: 0 15px;}
.contact .right  .c-code .code li:first-child{margin-left: 0;}
.contact .right  .c-code .code li img{width: 160px; height: 160px;}
.contact .right  .c-code .code li p{}



footer{ padding: 30px 0 23px 0; width: 100%; background-color: #333333; color: #ffffff;}
footer .ft-left{ float: left; width: 910px; }
footer .ft-left a{color: #ffffff;}
footer .ft-left  .nav{padding: 0 20px;}
footer .ft-left  .nav:hover{ color: #2a75d4;}
footer .ft-left  .nav:first-child{padding-left: 0;}
footer .ft-right{float: left; width:250px;  }

/**hover区**/
.h-news .news-text .left .g-text .tt,.news .m-list ul li .n-txt a{-webkit-transition: color 0.3s ;  transition: color 0.3s ;}
.h-news .news-text .left .g-text .tt:hover,.h-news .news-text .right .list .g-text .tt:hover,.news .m-list ul li .n-txt a:hover, .crumbs  a:hover,.news .m-list ul li .n-txt .news-tt:hover,.news .m-list ul li .n-txt .news-sub .aa:hover { color: #1f1e9b;}

/*两边散开*/
.banner-picture {  overflow: hidden;  position: relative;  text-align: center; }
.banner-picture a {  display: block;  overflow: hidden;  position: relative;  }
.banner-picture a::before {  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;  bottom: 0;  content: "";  left: 50%;  opacity: 1;  position: absolute;  right: 51%;  top: 0;  }
.banner-picture a::after {  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;  bottom: 50%;  content: "";  left: 0;  opacity: 1;  position: absolute;  right: 0;  top: 50%;  }
.banner-picture:hover a::before{  left: 0;  opacity: 0;  right: 0;  transition: all 900ms ease-in 0s;  }
.banner-picture:hover a::after {  bottom: 0;  opacity: 0;  top: 0;  transition: all 900ms ease-in 0s;  }




/*专题设置*/
.z-news-tt{color: #1f1e9b; font-size: 16px;  margin-bottom: 10px;}
.z-plan-tt{ width: 175px; height: 45px; line-height: 40px; background: url(../images/plan_tt.png) no-repeat; color: #ffffff; font-size: 16px; margin-left: -42px; text-align: center;  position: absolute; }
.z-goods-tt{ width: 175px; height: 45px; line-height: 40px; background: url(../images/plan_tt.png) no-repeat; color: #ffffff; font-size: 16px; margin-left: -42px; text-align: center;  position: absolute; }
.goods-tt{background-color: #eeeded; width: 100%; height: 50px; line-height: 50px; font-size: 0;}
.goods-tt a{display: inline-block; color: #666666; font-size: 16px; padding: 0 30px; height: 50px;}
.goods-tt a:hover,.goods-tt a.on{background-color: #1f1e9b; color: #ffffff;}


/**banner插件**/
.yx-rotaion{width:100%; height: 540px;  }
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-t,.yx-rotaion-btn{position:absolute;display: none;}
.rotaion_list{width:100%;height:540px;overflow:hidden;}
.rotaion_list li{width: 100%; height: 100%;}
.yx-rotation-focus{height:40px;line-height:40px;z-index:2; margin: -50px auto 0 auto;text-align: center; width: 150px; }
.yx-rotation-focus span{   width:40px;height:6px; top: 15px; background:rgb(230, 230, 230);   display: inline-block; margin:0 4px;position:relative;cursor:pointer; text-indent: -9999px;}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative; display: block; -moz-transition-property:opacity ; transition-property:opacity; -webkit-transition-property:opacity ; -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:150px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:150px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;opacity:0.8;    }
.yx-rotation-focus span.hover{ width:40px;height:6px; background-color: #ffffff;}



/**分页样式**/
.page{clear: both;overflow: hidden;text-align:center;}
.page span.current { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; font-weight: bold;color: #FFF; margin:0 10px 0 0; background:#1f1e9b;border-radius:5px;}
.page a { display: inline-block;  background:#ffffff; width: 45px; height: 45px; line-height: 45px; text-align: center; color: #666666; margin:0 9px 0 0;text-decoration: none; border-radius:5px;}
.page a:hover,.page .current {color: #fff;background:#1f1e9b;}


/*右则栏目*/
.foot_right{position:absolute; right: 20px; top: 300px; width: 60px; height: 235px;  z-index: 9999;  }
.foot_right li{ position: relative; cursor: pointer; width: 60px; height: 60px; -webkit-transition: background 0.6s ;  transition: background 0.6s ; background: url(../images/m_right_ico.png) no-repeat;border-bottom:1px solid #fff;   }
.foot_right li a{color: #ffffff; display: block; width: 40px; height: 40px; }
.foot_right li .kf{padding: 10px; background-color: #0059B5; position: absolute; top: 0; left: -114px; text-align: center; color: #ffffff; line-height: 18px;display: none; }
.foot_right li .kf div{ height: 1px; border-bottom: 1px  dashed #ffffff; margin: 5px 0;}
.foot_right li .f-code{position: absolute; top:-15px; right: 100%; padding: 5px; background-color: #ffffff;  color: #ffffff; width: 150px; display: none; border-radius: 8px;    box-shadow: -5px -5px 15px #909090;}
.foot_right li .f-code div{display: inline-block;  margin-right: 10px;width: 140px; /*height: 72px;*/ vertical-align: top; text-align: left; font-size: 12px;}
.foot_right li .f-code div p{ margin: 5px 0;}
.foot_right li .f-code div img{width: 140px; height: 140px; border: 4px solid #ffffff; }
/*.foot_right li:nth-child(1){  background-position: center 3px;border-top-left-radius: 10px; }*/
.foot_right li:nth-child(1){ background-position: center -56px;}
.foot_right li:nth-child(2){  background-position: center -116px;}
.foot_right li:nth-child(3){ background-position: center -178px;border-bottom-left-radius: 10px; }
.foot_right li:nth-child(4){  line-height: 40px; background: none; background-color: #1C84CA; text-align: center; }
.foot_right li:hover{ background: url(../images/m_right_ico_hover.png) no-repeat; }
/*.foot_right li:nth-child(1):hover{ background-position: center 3px; }*/
.foot_right li:nth-child(1):hover{ background-position: center -56px;}
.foot_right li:nth-child(2):hover{ background-position: center -116px;}
.foot_right li:nth-child(3):hover{ background-position: center -178px; }
.foot_right li:nth-child(4):hover{ /*background-position: center bottom;*/  background: none; background-color: #FB9B30; }

/*商品详情购买链接*/
.baba_link{text-align: right;}
.baba_link a{color: #1f1e9b;font-size: 20px;line-height: 2em;}
.baba_link a:hover{text-decoration: underline;}


.formlist{width: 50%;float: left;padding: 20px;box-sizing: border-box;}
.formlist input{display: block;width: 100%;border: 1px solid #acacac;height: 40px;padding: 5px;box-sizing: border-box;margin-top: 15px;}
.formtext{width: 100%;float: left;padding: 20px;box-sizing: border-box;}
.formtext textarea{display: block;width: 100%;border: 1px solid #acacac;height: 200px;padding: 5px;box-sizing: border-box;margin-top: 15px;}


.contact{ width: 100%; height:540px; overflow: hidden; }
.contact .layout{ height: 100%; }
.contact .map{ width: 65%; height: 100%; float: left;  background-position: center; background-size: cover; }
.contact .contact-rt{ height: 100%; background: #fff; width: 35%; float: left; box-sizing:border-box; padding: 6% 3%; }

.contact .contact-rt h3{ font-size: 24px; line-height: 28px; color: #333; font-weight: 600; padding-bottom: 30px; position: relative; margin-bottom: 30px;  }
.contact .contact-rt h3:after{ content: ''; width: 30px; height: 1px; background: #0093dd; position: absolute; bottom: 0; left: 0; } 

.contact .contact-rt ul{ margin-bottom: 50px; }
.contact .contact-rt ul li{ font-size: 14px; color: #333; line-height: 32px; padding: 10px 0 10px 40px; position: relative;}
.contact .contact-rt ul li p{ line-height: 24px; display:inline-block; vertical-align: middle;}
.contact .contact-rt ul li em{ font-size: 16px; color: #999; }
.contact .contact-rt ul li:before{  content: ''; width: 26px; height: 26px; background: url(../images/icon-contact.png) no-repeat left center;  position: absolute; left: 0px; top:50%; margin-top: -13px; }

.contact .contact-rt ul li:nth-of-type(2):before{ background-position: -36px center;}
.contact .contact-rt ul li:nth-of-type(3):before{ background-position: -72px center;}
.contact .contact-rt ul li:nth-of-type(3):before{ background-position: -108px center;}
.contact .contact-rt .share{ display: inline-block; font-size: 16px; color: #999; height: 42px; line-height: 42px;  }
.contact .contact-rt .share a{ display: inline-block; vertical-align: middle; box-sizing:border-box; width: 42px; height: 42px; border-radius: 100%; border: 1px solid #c1c1c1; margin-left: 12px; background: url(../images/icon-share1.png) no-repeat left center; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;  }
.contact .contact-rt .share a:hover{ background: #0093dd url(../images/icon-share1.png); border-color: #0093dd; background-position:-156px center;  }

.contact .contact-rt .share .qq{ background-position: -52px center; }
.contact .contact-rt .share .qq:hover{ background-position: -208px center; }

.contact .contact-rt .share .wb{ background-position: -104px center; }
.contact .contact-rt .share .wb:hover{ background-position: -260px center; }

.ej-content{ background: #f8f8f8; padding-top: 5%; padding-bottom: 5%;}
.layout{ max-width: 1380px; margin: 0 auto; padding: 0 2%; box-sizing:border-box;}

.desc{position: absolute;top: 50%;width: 40%;transform: translate(-50%,-50%);left: 75%;color: #fff;line-height: 30px;}
@media screen and (max-width: 1440px){
    .contact{ height: 450px; }
    .contact .map{ width: 55%; }
    .contact .contact-rt{ width: 45%; padding: 6% 2.5%; }
    .contact .contact-rt h3{ padding-bottom: 20px; margin-bottom: 20px; }
    .contact .contact-rt ul{ margin-bottom: 35px; }
    .contact .contact-rt ul li{ padding: 5px 0 5px 40px; }
    .desc{line-height: 20px;}
}

@media screen and (max-width: 1200px){
    .contact{ height: 450px; }
    .contact .map{ width: 55%; }
    .contact .contact-rt{ width: 45%; padding: 6% 2.5%; }
    .contact .contact-rt h3{ padding-bottom: 20px; margin-bottom: 20px; }
    .contact .contact-rt ul{ margin-bottom: 35px; }
    .contact .contact-rt ul li{ padding: 5px 0 5px 40px; }
    
}